﻿@charset "utf-8";
/* CSS Document 自适应版本 禁止webkit横屏改变字体大小 */
/* html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} */
/* body,div,ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,input,select,textarea{margin:0;padding:0; font-family:"微软雅黑"; } */
/* em,i{ font-style:normal} */
/* ul,li{ list-style:none;} */
/* img{ max-width:100%; max-height:100%; vertical-align: middle; display:block;} */
/* article,details,footer,header,menu,section {display:block;} */
/* body{margin:0 auto; text-align:left; color:#666; min-width:320px; background-repeat:repeat; background-position:50% 0; background-color: #f9f8f8;} */
/* a { color:#666; text-decoration:none; cursor:pointer; } */
/* a:visited { text-decoration:none; } */
/* a:hover { color:#F00; text-decoration:none; } */
/* a:active { color:#F00; } */

@media only screen and (min-width: 750px){
	body{font-size:18px;}
	.wrapper{width:750px;}
	.title1-b{font-size:20px;}
}
@media only screen and (min-width: 600px) and (max-width: 639px){
	body{font-size:22px;}
	.wrapper{width:100%;}
	.title1-b{font-size:20px;}
}
@media only screen and (min-width: 440px) and (max-width: 599px){
	body{font-size:18px;}
	.wrapper{width:100%;}
	.title1-b{font-size:20px;}
}
@media only screen and (min-width: 412px) and (max-width:439px){
	body{font-size:15px;}
	.wrapper{width:100%;}
	.title1-b{font-size:19px;}
}
@media only screen and (min-width: 375px) and (max-width:411px){
	body{font-size:14px;}
	.wrapper{width:100%;}
	.title1-b{font-size:18px;}
}
@media only screen and (min-width: 360px) and (max-width: 374px){
	body{font-size:13px;}
	.wrapper{width:100%;}
	.title1-b{font-size:17px;}
}
@media only screen and (max-width: 359px){
	body{font-size:12px;}
	.wrapper{width:100%;}
	.title1-b{font-size:16px;}
}
/*-----------------------------------------------*/

.wrapper{ background-color:#ffffff; padding:0;}
.wrapper{margin:0 auto;    float: left; position:fixed;bottom:0;left:0; right:0; z-index:9999999999;margin:0 auto; max-width:750px; min-width:320px}
.zx2 .titledh { float:left; width:100%; height: 40px; background:#631f84; font-size:18px; line-height: 40px; text-align: center; color: #fff; position:relative;}
.zx2 .title1-a{position:absolute; display: block; width: 40px; height: 40px; top:0; right: 0;
background: url(../images/close.png) center center no-repeat; background-size: 55%; }
.titledh img{width:auto;}
/*.liu{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: inline-block;position: absolute;width: 20px;height: 20px;line-height: 20px;font-size: 14px;color: #fff;top:-5%;right:12%;font-family: arial;font-weight: bold;-webkit-animation: dot 2.5s infinite;animation: dot 2.5s infinite;border-radius: 10px;background: -webkit-linear-gradient(top, #fd142e, #bf0116);background: linear-gradient(to bottom, #fd142e, #bf0116);text-align:center; } @-webkit-keyframes dot{	  0%{opacity:1;}50%{opacity:1;}50.01%{opacity:0;}100%{opacity:0;}}@keyframes dot{0%{opacity:1;}50.01%{opacity:1;}50%{opacity:0;}100%{opacity:0;}} */
.liu{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: inline-block;position: absolute;color: #fff;top:20%;right:64%;;}} 
.liu1{position: absolute;top:20%;right:64%;}

.zx2 { float: left; bottom: 0; background-color: #f9f8f8; z-index: 10;width:100%}
.box { float: left; width: 100%; text-align:left}
.box-t { float: left; width: 100%; text-align: center; font-size:12px}
.box-b {float: left; width: 100%; margin-top: 1%; text-align:left}
.box-b img{ float: left; width: 10%; margin-right: 3%;    padding-left: 2%;}
.box-b a{ float: left; color:#666; width: 78%;     padding: 2% 2% 2% 2%; line-height: 100%; display: block; border: 1px solid #d1c8c8;  border-radius: 0.5rem;font-size: 14px;}
.box-b span{ color: #F60; }
#dh1, #dh2{ display: none; }

.ft { float: left; width: 100%; padding: 2.5% 0; z-index: 20;}
.ft .f_text { float: left; width: 47%; margin-right: 1%; line-height: 250%; outline: 1px solid #cfcece; text-indent: 1%; background-color: #fff;}
.ft .f_btn {position:relative; float: left; width: 47%; margin-left: 2%; line-height: 250%; border-radius:6px; color: #fff; text-align: center; background-color:#943ebe;}
.ft .h_btn {position: relative;float: left; width: 47%; margin-left: 2%; line-height: 250%; border-radius:6px; color: #fff; text-align: center; background-color:#631f84;}

.bottom{ float: left; width: 100%; padding: 3% 0; text-align: center;}